<template>
<div>
    <div class="college-content">
      <ul  v-if="!this.content.length==0">
            <li v-for="(item, index) in content" :key=index>
              <router-link :to="{name:'collegevideo',query:{id:item.id}}" :key="item.id">
                <div class="item-img">
                    <img src="../../assets/img/college/images/item-img_27.png" alt="">
                </div>
                <p>{{item.title }}</p>
                <div class="other">
                    <img src="../../assets/img/college/images/look_41.png" alt="" class="look">
                    <span>{{item.look }}</span>
                    <img src="../../assets/img/college/images/share_43.png" alt="" class="share">
                    <span>{{item.date}}</span>
                </div>
              </router-link>
            </li>
      </ul>
      <div v-else>
          <div class="noResult">
              <img src="../../assets/img/college/images/searchresult_06.png" alt="">
          </div>
          <div class="noWord">
              未找到任何数据
          </div>
      </div>
      
    </div>
    
</div>
</template>
<script>
    export default {
      name: "searchResult",
      data(){
          return{
            content:[]
      }},
    }
</script>

<style scoped>
  @import url(../../assets/css/college/searchresult.less);
</style>
